<!-- src/App.vue -->
<template>
  <div>
    <h1>欢迎使用 chyn-frontend</h1>
    <nav>
      <router-link to="/">首页</router-link> |
      <router-link to="/about">关于</router-link>
    </nav>
    <router-view /> <!-- 路由页面渲染出口 -->
  </div>
</template>

<script setup>
</script>

<style scoped>
nav {
  margin: 16px 0;
}
nav a {
  margin-right: 12px;
  text-decoration: none;
  color: blue;
}
nav a.router-link-exact-active {
  font-weight: bold;
}
</style>
